<%@ page contentType="text/html;charset=UTF-8" %>
	<script type="text/javascript">
var initCost = false;
$(document).ready(function() {

	$('#table').bootstrapTable({
		//请求方法
		method: 'post',
		//类型json
		dataType: "json",
		contentType: "application/x-www-form-urlencoded",
		//是否显示行间隔色
		striped: true,
		//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
		cache: false,
		//显示检索按钮
		showSearch: true,
		//显示刷新按钮
		showRefresh: true,
		//显示切换手机试图按钮
		showToggle: true,
		//显示 内容列下拉框
		showColumns: true,
		//显示切换分页按钮
		//是否显示分页（*）
		pagination: false,
		pageList: [10, 25, 50, 100,"All"],
		//这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
		url: "${ctx}/actSetting/actData",
		//默认值为 'limit',传给服务端的参数为：limit, offset, search, sort, order Else
		//queryParamsType:'',
		////查询参数,每次调用是会带上这个参数，可自定义
		queryParams : function(params) {
			var searchParam = $("#searchForm").serializeJSON();
			searchParam.pageNo = params.limit === undefined? "1" :params.offset/params.limit+1;
			searchParam.pageSize = params.limit === undefined? -1 : params.limit;
			searchParam.orderBy = params.sort === undefined? "" : params.sort+ " "+  params.order;
			return searchParam;
		},
		onShowSearch: function () {
			$("#search-collapse").slideToggle();
		},
		//分页方式：client客户端分页，server服务端分页（*）
		sidePagination: "server",
		contextMenuTrigger:"right",//pc端 按右键弹出菜单
		contextMenuTriggerMobile:"press",//手机端 弹出菜单，click：单击， press：长按。
		contextMenu: '#context-menu',
		onContextMenuItem: function(row, $el){
			if($el.data("item") == "edit"){
				edit(row.id);
			} else if($el.data("item") == "delete"){
				del(row.id);
			}
		},

		columns: [{
			checkbox: true
		},{
			field: 'number',
			title: '序号',
			switchable:false,
			formatter:function(value,row,index){
				//return index+1; //序号正序排序从1开始
				var pageSize=$('#table').bootstrapTable('getOptions').pageSize;//通过表的#id 可以得到每页多少条
				var pageNumber=$('#table').bootstrapTable('getOptions').pageNumber;//通过表的#id 可以得到当前第几页
				if (pageSize == "All"){
					return index  +1;
				}else {
					return pageSize * (pageNumber - 1) + index + 1;    //返回每条的序号： 每页条数 * （当前页 - 1 ）+ 序号
				}
			}
		},{
			field: 'name',
			title: '流程名称'
		},{
			field: 'version',
			title: '版本号'
		},{
			field: 'key',
			title: '模型标识'
		}/*,{
			field: 'id',
			title: '流程标识'
		}*/, {
			field: 'operate',
			title: '操作',
			align: 'center',
			events: {
				'click .setDictValue': function (e, value, row, index) {
					initCost = true;
					$("#left").attr("class", "col-sm-6");
					setTimeout(function(){
						$("#right").fadeIn(500);
					},500)
					$("#actName").html(row.name);
					$("#actKey").val(row.key);
					$("#actId").val(row.id);
					$('#roleTable').bootstrapTable("refresh")
				}
			},
			formatter:  function operateFormatter(value, row, index) {
				return [
					'<a href="#" class="setDictValue"  title="权限配置"><i class="fa fa-cog"></i> </a>'
				].join('');
			}
		}]
	});

	$('#table').on('check.bs.table uncheck.bs.table load-success.bs.table ' +
		'check-all.bs.table uncheck-all.bs.table', function () {
		$('#remove').prop('disabled', ! $('#table').bootstrapTable('getSelections').length);
		$('#edit').prop('disabled', $('#table').bootstrapTable('getSelections').length!=1);
	});

	$("#search").click("click", function() {// 绑定查询按扭
		$('#table').bootstrapTable('refresh');
	});
	$("#reset").click("click", function() {// 绑定查询按扭
		$("#searchForm  input").val("");
		$("#searchForm  select").val("");
		$('#table').bootstrapTable('refresh');
	});

});

function getIdSelections() {
	return $.map($("#table").bootstrapTable('getSelections'), function (row) {
		return row.id
	});
}

function refresh(){
	$('#table').bootstrapTable('refresh');
}
function refreshDictValue(){
	$('#roleTable').bootstrapTable("refresh");
}

$(document).ready(function() {
	var $dictValueTable =	$('#roleTable').bootstrapTable({
		//请求方法
		method: 'post',
		//类型json
		dataType: "json",
		contentType: "application/x-www-form-urlencoded",
		//是否显示行间隔色
		striped: true,
		//是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
		cache: false,
		//是否显示分页（*）
		pagination: false,
		//这个接口需要处理bootstrap table传递的固定参数,并返回特定格式的json数据
		url: "${ctx}/actSetting/getActSetting",
		//默认值为 'limit',传给服务端的参数为：limit, offset, search, sort, order Else
		//queryParamsType:'',
		////查询参数,每次调用是会带上这个参数，可自定义
		queryParams : function(params) {
			return {objectId:$("#actId").val()};
		},
		uniqueId : 'id',
		onLoadSuccess: function(){
		},
		//分页方式：client客户端分页，server服务端分页（*）
		sidePagination: "server",
		columns: [
			{
				field: 'name',
				title: '角色名称'
			},{
				field: 'enname',
				title: '角色英文名称'
			},{
				field: 'operate',
				title: '操作',
				events: {
					'click .del': function (e, value, row, index) {
						jp.confirm('确认要删除键值吗？',function(){
							jp.loading();
							$.get('${ctx}/actSetting/deleteRole?id='+row.id, function(data){
								if(data.success){
									$('#roleTable').bootstrapTable("refresh");
									jp.success(data.msg);
								}else{
									jp.error(data.msg);
								}
							})
						});
					}
				},
				formatter:  function operateFormatter(value, row, index) {
					return [
						'<a href="#" class="del" title="删除" >[删除] </a>'
					].join('');
				}
			}]
	});

	$("#objectCostItemButton").click(function(){
		jp.openRoleSelectDialog1(true,function(data){
			jp.loading();
			$.post("${ctx}/actSetting/assignRole",
				{
					roleId:data,
					procDefId:$("#actId").val(),
					procDefkey:$("#actKey").val()
				},
				function(data) {
					if (data.success) {
						$('#roleTable').bootstrapTable("refresh", {query: {objectId: $("#actId").val()}});
						jp.success(data.msg);
					} else {
						jp.error(data.msg);
					}
			})
		})
	});



});

function auth() {
	jp.post("${ctx}/actSetting/auth",{},function (data) {
		if(data.success){
			$('#table').bootstrapTable('refresh');
			$('#roleTable').bootstrapTable("refresh");
			jp.success(data.msg);
		}else{
			jp.error(data.msg);
		}
	})
}


</script>